<template>
  <div class="Recommend">
   
    <booklist class="bookshow" v-for="(item,index) in Hottest" :key="index" :item="item" />
   <nomore/>
  </div>
</template>

<script>
// @ is an alias to /src
// import HelloWorld from '@/components/HelloWorld.vue'
import foot from "@/components/foot.vue";
import Header from "@/components/Header.vue";
import bookshow from "@/components/bookshow.vue";
import booklist from "@/components/booklist.vue";
import nomore from "@/components/nomore.vue";

export default {
  name: "Home",
  components: {
    foot,
    Header,
    bookshow,
    nomore,
    booklist
  },
  data() {
    return {
       Hottest: [
       
        // {
        //   pic: "bimg/hw7.jpg",
        //   chapter: "真正的神作，真正的精品，真正的经典！",
        //   title: "大神的100本小说",
        //   category:'共100本',
        // },
        // {
        //   pic: "bimg/hw12.jpg",
        //   chapter: "推荐一些好看又有脑袋的小说！",
        //   title: "除了斗罗大陆还有一些好看的小说！",
        //   category:'共14本',
        // },
        // {
        //   pic: "bimg/hw10.jpg",
        //   chapter: "大部分都好看，不好看的爬过来打我！",
        //   title: "各类风格，杜绝无脑",
        //   category:'共8本',
        // },
        // {
        //   pic: "bimg/hw8.jpg",
        //   chapter: "本人推荐必属精品！",
        //   title: "无脑的小说千篇一律，好看的内容万里挑一",
        //   category:'共4本',
        // },
        // {
        //   pic: "bimg/hw9.jpg",
        //   chapter: "里面都是我看过的，绝对好看！有一些名字忘了，就推荐这些吧！",
        //   title: "传说中的神仙书，看了一遍还想看！",
        //   category:'共56本',
        // },
        // {
        //   pic: "bimg/hw11.jpg",
        //   chapter: "重生之后，也重生了一些不一样的人生,铁质们想重生吗？",
        //   title: "重生才是王道",
        //   category:'共4本',
        // },
      ],
    };
  },
  methods: {},
  mounted() {
    this.$axios.get('/api/hottest').then(data=>{
      var image = data.data;
      console.log(image);
      this.Hottest=image
    })
  }
};
</script>

<style  scoped>
</style>